Setup
Add IDs to the Bubble groups you want to control, then point the resizer at those IDs. Targets are resolved inside the closest rendered DOM context, so repeated reusable-element instances do not bind to the first matching ID elsewhere on the page.

For Split Pane Gutter, place the gutter element directly between two pane groups inside a dedicated wrapper group. Auto orientation detects left/right versus top/bottom from the rendered panes; choose Horizontal or Vertical only when you want to force the axis. For three-pane layouts, place two gutter elements in the same wrapper: left pane, gutter, center pane, gutter, right pane. Set the left/top gutter Anchor Pane to Previous, and set the right/bottom gutter Anchor Pane to Next. This keeps the middle pane flexible while the edge panes keep explicit sizes. The gutter can infer adjacent panes from sibling order, or you can provide explicit wrapper and pane IDs. Set pane width, height, and min/max constraints directly on the Bubble pane groups; the gutter reads those computed element sizes at runtime instead of duplicating sizing fields in the plugin. Bubble visibility remains authoritative: when a wrapper, pane, or reusable ancestor is hidden, injected handles and plugin-owned layout styles are released.

For Floating Group Resizer, add an HTML ID to the Floating Group and point the element at that ID. The resizer infers whether the floating group is attached to the left or right side of the viewport, injects the drag handle on the inner edge, respects computed min/max width when Bubble exposes them, clamps to the viewport, and remembers the user's resized width in localStorage.